﻿<%@ Page Language="C#" MasterPageFile="~/UI/Main/Main.Master" AutoEventWireup="true" CodeBehind="search_my_photos.aspx.cs" Inherits="OrganizedIN.UI.Photos.search_my_photos" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
  <asp:UpdatePanel runat="server" id="UpdatePanel" updatemode="Conditional">
    <Triggers>
            <asp:AsyncPostBackTrigger controlid="btnsearch" eventname="Click" />
     </Triggers>
     <ContentTemplate>
        <div id="middle_tab">
  	    <div id="middle_tab_title" align="center">My Photos</div>
	    <div class="middle_tab_content">
<br />
		<h4>You can Add, Search, Add Rating, Add To Album, Re-Name, Re-Date (Add to a future Date), Delete, Archive, and Share with your Group by clicking on the below icons:</h4><br />

	</div>

	<div id="icon_link_wrapper" align="center">
        <div id="icon_primary_documents" align="center"><a href="add_new_photos.aspx" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Add','','../../images/add_02.jpg',1)"><img src="../../images/add_01.jpg" alt="Search" name="Add" width="75" height="75" border="0" id="Add" /></a></div>
        <div id="icon_secondary" align="center"><img src="../../images/search_02.jpg" alt="Search" /><a href="M_search_my_videos.aspx" title="Search" target="_self"></a></div>
		<div id="icon_secondary" align="center"><a href="add_rating_photos.aspx" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Add Rating','','../../images/add_rating_02.jpg',1)"><img src="../../images/add_rating_01.jpg" alt="Add Rating" name="Add Rating" width="75" height="75" border="0" id="Add Rating" /></a></div>
        <div id="icon_secondary" align="center"><a href="add_to_album.aspx" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Add to Album','','../../images/add_to_album_02.jpg',1)"><img src="../../images/add_to_album_01.jpg" alt="Add to Album" name="Add to Album" width="75" height="75" border="0" id="add_to_album" /></a></div>
        <div id="icon_secondary" align="center"><a href="rename_photos.aspx" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Re-Name','','../../images/rename_02.jpg',1)"><img src="../../images/rename_01.jpg" alt="Re-Name" name="Add Re-Name" width="75" height="75" border="0" id="Re-Name" /></a></div>		
		<div id="icon_secondary" align="center"><a href="redate_photos.aspx" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Re-Date','','../../images/redate_02.jpg',1)"><img src="../../images/redate_01.jpg" alt="Re-Date" name="Re-Date" width="75" height="75" border="0" id="Re-Date" /></a></div>
        <div id="icon_secondary" align="center"><a href="share_with_group_photos.aspx" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Share with group','','../../images/share_02.jpg',1)"><img src="../../images/share_01.jpg" alt="Share with group" name="Share with group" width="75" height="75" border="0" id="Share with group" /></a></div>
        <div id="icon_secondary" align="center"><a href="delete_photos.aspx" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Delete','','../../images/delete_02.jpg',1)"><img src="../../images/delete_01.jpg" alt="Delete" name="Delete" width="75" height="75" border="0" id="Delete" /></a></div>    
        <div id="icon_secondary" align="center"><a href="archive_photos.aspx" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Archive','','../../images/archive_02.jpg',1)"><img src="../../images/archive_01.jpg" alt="Archive" name="Archive" width="75" height="75" border="0" id="Archive" /></a></div>   
    </div><br /><br />
    <div class="documents_table">    
        <table width="97%" border="0" cellspacing="1" cellpadding="5" align="center">
          <tr>
            <td width="6%" align="center">&nbsp;</td>
            <td width="33%"><span class="middle_text1"><strong>Search by Title:<br />
                <asp:TextBox ID="txtByTitle" runat="server"></asp:TextBox>
            </strong></span></td>
            <td colspan="2" align="left">
                <span class="middle_text1"><strong>Search by Date:</strong><br />
                    <asp:TextBox ID="simple_calendar" runat="server"></asp:TextBox>
                    <asp:CalendarExtender ID="calendar_extender" TargetControlID="simple_calendar" runat="server"></asp:CalendarExtender>
                </span>
            </td>
          </tr>
          <tr>
            <td width="6%" align="center">&nbsp;</td>
            <td width="33%"><span class="middle_text1"><strong>Search by Event:<br />
                <asp:TextBox ID="txtByEvent" runat="server"></asp:TextBox>
            </strong></span></td>
            <td colspan="2" align="left"><span class="middle_text1"><strong>Search by Rating:<br />
                  <strong><strong><strong>
                  <asp:DropDownList ID="ddlRating" runat="server" CssClass="action_list">
                    <asp:ListItem Value="" Text="-Select-" Selected="True"></asp:ListItem>
                    <asp:ListItem Value="5" Text="5 Star"></asp:ListItem>
                    <asp:ListItem Value="4" Text="4 Star"></asp:ListItem>   
                    <asp:ListItem Value="3" Text="3 Star"></asp:ListItem>
                    <asp:ListItem Value="2" Text="2 Star"></asp:ListItem>   
                    <asp:ListItem Value="1" Text="1 Star"></asp:ListItem>            
                </asp:DropDownList>
                </strong></strong></strong></strong></span></td>
           </tr>
           <tr>
                <td width="6%" align="center">&nbsp;</td>
                <td valign="middle"><span class="middle_text1"><strong>Search by Sharing/ Group:</strong><br />
                  <asp:TextBox ID="txtBySharing" runat="server"></asp:TextBox></span>
                </td>
                <td >
                        <asp:Button ID="btnsearch" Text="Search" runat="server" 
                            onclick="btnsearch_Click1" />
                </td>
          </tr>
          <tr>
            <td width="6%" align="center">&nbsp;</td>
            <td colspan="3" valign="middle"><span class="middle_text1"><strong><strong>Sort Documents by:<br />
              <label><strong><strong>
                <asp:DropDownList ID="ddlSortPhotos" runat="server" CssClass="action_list" AutoPostBack="true" OnSelectedIndexChanged="ddlSortPhotos_OnSelectedIndexChanged">
                    <asp:ListItem Value=" " Text="-Select-" Selected="True"></asp:ListItem>
                    <asp:ListItem Value="LastActivityDate" Text="Date Entered"></asp:ListItem>
                    <asp:ListItem Value="Video_Name" Text="Title/ Summary"></asp:ListItem>   
                    <asp:ListItem Value="Video_event" Text="Event"></asp:ListItem>
                    <asp:ListItem Value="VideoRate" Text="Rating"></asp:ListItem>   
                </asp:DropDownList>
             </strong></strong></label>
            </strong></strong></span><strong><strong><br />
            </strong></strong></td>
          </tr>
        </table>
        
        <p id="pmsg" style="color:Red; margin-left:260px; font-size:13px;" runat="server"></p>
        
        <style type="text/css">
            .p-option a
            {
                padding-left:7px;
                padding-right:7px;
                color:Blue;
            }
            
            #wrapper
            {
                display:block;
                width:100%;
                height:190px;
                overflow:auto;
            } 
            .p-video
            {
                display:block;
                float:left;
                width:300px;
            }
            .p-option
            {
                display:block;
                float:right;
                width:400px;
            }
            .dvspace
            {
                margin-top:20px;
                padding:0 10px 0 10px;
            }
            .poptionmarg
            {
                width:50px;
                margin-left:20px;
            }
            h2
            {
                margin:20px 10px 0 10px;
            }
            span
            {
                font-size:1em;
                display:block;
            }
            .img-video
            {
                width:100px;
                height:60px;
            }
        </style>

        <br />
        <fieldset>
            <legend><h3>Your Search Result</h3></legend>
            <div id="wrapper" style="display:block; width:100%; height:190px; overflow:auto;" runat="server">
           </div>  
       </fieldset>
       <br />
        </div>
       </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>
